<template>
	<view class="app-text-time dir-left-nowrap main-between">
		<view class="app-text">限时限量 先到先得</view>
		<view class="app-time">
			<text v-if="item.status === 1">距离本场结束</text>
			<text v-if="item.status === 2">本场秒杀已结束</text>
			<text v-if="item.status === 0">距离本场开始</text>
			<text class="app-html" v-if="item.status === 1 || item.status === 0">{{html}}</text>
		</view>
	</view>
</template>

<script>
    export default {
        name: 'app-text-time',
	    props: {
            item: Object,
		    html: String,
	    }
    }
</script>

<style scoped lang="scss">
	.app-text-time {
		width: #{750rpx};
		height: #{80rpx};
		line-height: #{80rpx};
		border-left: #{6rpx} solid #ff4544;
		
		.app-text {
			margin-left: #{20rpx};
			font-size: #{28rpx};
			color: #ff4544;
		}
		.app-time {
			font-size: #{28rpx};
			margin-right: #{24rpx};
			color: #999999;
			.app-html {
				margin-left: #{12rpx};
				color: #353535;
			}
		}
	}
	
</style>